<template>
  <div>
    <el-tooltip content="这要怎么用？" effect="dark" placement="bottom">
      <a class="btn_item" @click="helpVisible= true">
        <span class="btn_icon">
        <img alt="" class="btn_img" src="../assets/icons/help.png">
        </span>
        <span class="btn_name">帮助</span>
      </a>
    </el-tooltip>

    <el-dialog
      :modal="false"
      :visible.sync="helpVisible"
      title="帮助"
      width="30%"
    >
      <pre>
        自力更生...


        其实现在也没啥功能~搜索一个地点，点一下结果标记作为出发点
        然后再点一下附近的班车点作为目的地，查询方案，DONE~
      </pre>
      <span slot="footer" class="dialog-footer">
    <el-button @click="helpVisible = false">拜 拜</el-button>
    <el-button type="primary" @click="helpVisible = false">原来如此</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "HelpMe",
  data() {
    return {
      helpVisible: false,
    }
  }
}
</script>

<style scoped>

</style>
